/*
 * @Author: Ping Chou
 * @Date: 2022-01-26 21:59:00
 * @LastEditTime: 2022-02-02 21:48:51
 * @LastEditors: Ping Chou
 * @Description:
 * @FilePath: /dojo-blog/src/Navbar.js
 */
import { Link } from "react-router-dom";
const Navbar = () => {
  return (
    <div>
      <nav className="navbar">
        <h1>周平的 Blog</h1>
        <div className="links">
          <Link to="/">Home</Link>
          <Link to="/create" style={{
            color: '#fff',
            backgroundColor: '#f1356d',
            borderRadius: '8px'
          }}>New Blog</Link>
        </div>
      </nav>
    </div>
   );
}

export default Navbar